body {
    margin: 0px;
    padding: 0;
    color: #616161;

}

h1,h2,h3 {
    margin-top: 0;
}

h1 {
    font-size: 1.6em;
    font-weight: normal;
}

h2 {
    font-size: 1.6em;
}

h3 {
    font-size: 1em;
    margin-top: 20px;
}

ul {

}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

img.left {
    float: left;
    margin: 0 20px 0 0;
}

td {
    font-size: 12px !important;
}

img.right {
    float: right;
    margin: 0 0 0 20px;
}

/* Header */
#header {
    padding: 4px 0px;
    height: 75px;
    position: relative;
}

#logo {
    text-align: left;
}

/* Menu */
#menu {
    position: absolute;
    top: 25px;
    right: 15px;
    padding: 0;
    height: 59px;
    overflow: hidden;
}

#menu ul {
    margin: 0;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu li a {
    display: block;
    float: left;
    height: 42px;
    margin: 0;
    padding: 18px 40px 0 40px;
    text-decoration: none;
    font-size: 20px;
}

#menu li a:hover {
    text-decoration: underline;
}

#globalthemeswitcher {
    position: absolute;
    top: 5px;
    right: 50px;
}

/* Page */
#page {
    padding: 10px 0px;
    background: #FFFFFF;
}

/* Content */
#content {
    width: 70%;
    float: left;
}

.post {
    padding-bottom: 15px;
}

.post h1 {
    font-weight: normal;
}

.title {
    height: 30px;
    /*margin-left: 10px;*/
    padding: 8px 0 0 8px;
}

.title a {
    border-bottom: none;
    color: #FFFFFF;
}

.title a:hover {
    border-bottom: 1px dotted #000000;
}

.submenu-title {
    padding: 4px 10px;
}

.submenu-content {
    text-align: center;
}

.byline {
    margin: -60px 20px 20px 20px;
}

.byline a {
    color: #DC8700;
}

.tag {
    padding: 0 15px;
}

.entry {
    padding: 0 20px;
}

.entry p {
    line-height: 200%;
}

.links {
    padding: 4px 0px;
    text-align: right;
    font-weight: bold;
}

.links a {
    border: none;
}

.links a:hover {

}

#sidebar {
    float: left;
    width: 25%;
    padding: 0 10px;
    margin-left: -1px;
    overflow: hidden;
}

#sidebar a.ui-state-hover,#sidebar a.ui-state-highlight {
    border: 0 none;
    text-decoration: none;
    font-weight: normal;
}

#sidebar table {
    width: 100%;
}

#sidebar table td {
    vertical-align: top;
}

#sidebar ul {
    padding: 0;
    margin: 0;
}

#sidebar ul li {
    list-style-type: none;
    padding: 1px;
}

/* Footer */
#footer {
    height: 70px;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 14px;
}

#footer p {
    margin: 0;
    padding: 25px 0 0 0;
    text-align: center;
}

#footer a {

}

#footer .link {
    float: right;
}

#footer .copyright {
    float: left;
}

.homeText {
    line-height: 175%;
}

.homeMenu {
    width: 200px;
    float: left;
    margin-right: 10px
}

.themeMenu {
    overflow: auto;
    height: 300px;
    width: 200px;
}

.dp-xml {
    width: 1000px;
}

.ui-themeswitcher a.ui-selectonemenu-label-container {
    text-decoration: none !important;
}

.ui-widget {
    font-size: 12px !important;
}

/*This is original */
/*
.ui-widget-content {
    font-size: 12px !important;
}*/

.ui-widget-content .ui-datatable .ui-datatable-data td table.panelgrid td .ui-panel-conten table{ 
    border-style:none;
    border: 0px;
}

.ui-wizard-step-title {
    margin: 5px 0px 0px 0px;
    height: 20px;
    font-size: 14px;
    height: 20px;
}

.ui-fieldset {
    margin: 0px 0px 5px 0px;
}

.ui-radiobutton {
    margin: 0px 10px 0px 10px;
}

.ui-layout-unit {

}
.ui-layout-north {
    z-index: 20 !important;
    overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
    overflow: visible !important;

}

.ui-layout-west {
    z-index: 20 !important;

}

.ui-layout-west .ui-layout-unit-content {
    overflow: visible !important;

}

.ui-layout-west .ui-layout-container{
    min-height:500px !important; 

}

.ui-layout-container{
    overflow-x:visible !important; 
    overflow-y:visible !important;
}


.ui-dashboard-column {
    width: 300px;
    padding: 3px;
    border: 0;
}

.ui-tree {
    border: none;	
}

/*

On hover on the submenu button in the menu, the dropdown submenu shows, but when 
I want to go by mouse to the submenu, it disappears. The only option is to change the mouse position to 
the submenu very fast - than it stays. And thats the problem, need it to work normally, not dissappearing.

*/
.ui-menubar .ui-menuitem-text {
    font-size: 12px!important; top: -1px;
}

/*This is for drop down menu width in the heder */
.ui-menu-child {
    min-width: 210px;
}

.ui-dock-container-top{
    width: 200px;
}

.ui-wizard-content {
    height: 310px;
}
#headerPanel {
    z-index: 2 !important;
}

#headerPanel div {
    overflow: visible;
}

/** This decides the main menu positioning **/
#menuBarPanel {
    height: 100%;
    width: 100%;
    margin: 20px 0px 0px 0px;
}

#examDetailInput {
    width: 100%;
}

/* **************************************************************** The timer related classes ********************************************************** */

/*Lets use a better font for the numbers*/
@font-face {
    font-family: 'digital';
    src: url('DS-DIGI.TTF');
}

/************ Some custom ones **************/

.panelgridstyle tr, .panelgridstyle td {
    border-style: none !important;
    padding: 5px 5px;
    border: 0px;
}

.tabTitleImage{
    /* background-image: url("../images/Excel_24x24.png") !important;
    background-repeat:no-repeat !important; 
    background-position: right center;*/

    width: 100px;
    alignment-adjust: central;
}

.ui-state-default.ui-corner-left.tabTitleImage{
    width: 100px;
}

/** Changed button style **/
.customStyleButton{
    background-color: #F00;
}

.ui-layout-unit .ui-layout-unit-content {
    border: 0px none;
    overflow: auto;
}

.ui-layout-unit .ui-widget .ui-widget-content .ui-corner-all .ui-layout-center .ui-layout-pane .ui-layout-pane-center{
   border: 0px none;
    overflow: auto;
}

/** Remove the border from the accordian panel */
.ui-accordion .ui-accordion-header{
  display:block;
  font-size:1em;
  padding:0.5em 0.5em 0.5em 2.2em;
  border: 0px none;
}